<?php
    global $user;
?><div class="header hide" id="header">
    <div class="top-banner">
        <p>
            <span class="menu" id="menu-button">
                <i class="fa fa-bars fa-2x"></i>
            </span>
            <!-- <span class="title"><span class="blue">buzz</span><span class="orange">pulse</span></span> -->
            <span class="title"><img src="Images/logo-beta.png" alt=""></span>
            <span class="detail">
                    <!-- <i class="fa fa-bookmark fa-2x"></i> -->
            </span>
        </p>
    </div>
</div>
<div class="content hide" id="content">
    <div id="content-home">
        <div class="user">
            <img src="http://www.gravatar.com/avatar/a2ab8cea29cbd5a9b0e55b0fc2f8a22a" alt="" class="avatar">
            <div class="text">
                <p class="welcome">Hello <?php echo $user->name; ?>!</p>
                <p>
                    Welcome to 
                    <strong>
                        <span style="color: #065776; font-size: 17px;">buzz</span><span style="color: #f9800C;font-size: 17px">pulse</span><sup style="color: #3498DB; font-size: 10px">BETA</sup> 
                    </strong> !
                </p>
            </div>

            <p>Please send us your <a href="">feedback</a>. If you need help using your account, contact <a href="">support</a>.</p>
        </div>
        <div class="main">
            <div class="caption">MAIN ACTION</div>
            <div class="element yellow">
                <a href="/#activity">
                <i class="ub ub-task-o ub-4x"></i>
                <p>Task</p></a>
            </div>

            <div class="element">
                <a href="/#settings/groups">
                <i class="fa fa-user fa-4x"></i>
                <p>Add User</p></a>
            </div>

            <div id="add-stream" class="element">
                <i class="ub ub-plus ub-4x"></i>
                <p>Add Stream</p>
            </div>
            <div class="element">
                <a href="/#settings/connected-accounts">
                <i class="ub ub-plug ub-4x"></i>
                <p>Connect Acc..</p></a>
            </div>
            <div class="caption">YOUR ACCOUNT</div>
            <div class="element ">
                <a href="/#settings/account">
                <i class="ub ub-gear ub-4x"></i>
                <p>Settings</p></a>
            </div>
            <div class="caption">SUPPORT</div>
            <div class="element ">
                <a href="#">
                <i class="ub ub-printer ub-4x"></i>
                <p>Knowledge</p></a>
            </div>
            <div class="element">
                <a href="mailto:pulse@buzzmetrics.vn">
                <i class="fa fa-comments fa-4x"></i>
                <p>Contact Us</p></a>
            </div>
        </div>
    </div>
</div> <!-- End Content -->